<jsp:include page="template-head.jsp" />
<jsp:include page="template-body.jsp"/>
	<div class="hero-unit">
	<div class="container">
	<jsp:include page="errors.jsp"/>
		<div class="registerpage-header">
			<h1>Register</h1>
		</div>
		<div class="registerpagebody">
				<form method="post" action="register.do">
					<fieldset>
						<legend>Fill out the information below to create a new account</legend>			
						<div class="clearfix">
							<label for="userid">ID</label>
							<div class="input">
								<input class="large" id="userid" name="userid" type="text" value="${registerform.userid}" />
							</div>
						</div>			
						<div class="clearfix">
							<label for="password">Password</label>
							<div class="input">
								<input class="large" id="password" name="password" type="password" value="${registerform.password}" />
							</div>
						</div>					
						<!-- TODO: Use AJAX to check password, highlight text input if do not match -->
						<div class="clearfix">
							<label for="confirmpassword">Confirm password</label>
							<div class="input">
								<input class="large" id="confirmpassword" name="confirmpassword" type="password" value="${registerform.confirmpassword}" />
							</div>
						</div>
						
						<div class="clearfix">
							<label for="type">User Type</label>
							<div class="input">
								<table>
									<tr>
										<td><input class="medium" id="typeresearcher" name="type" type="radio" value="Researcher" />Researcher</td>
									</tr>
									<tr>
										<td><input class="medium" id="typerespondent" name="type" type="radio" value="Respondent" />Respondent</td>
									</tr>
								</table>
							</div>
						</div>
						
						<div class="actions">
							<input type="submit"  name="button" class="btn btn-primary"  value="Register" />
							<input type="submit"  name="button" class="btn btn-inverse"  value="Back" />
						</div>
						
					</fieldset>
				</form>
		</div>
	</div>
	</div>
<jsp:include page="template-foot.jsp" /> 